<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>基本服务配置</title>

    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>


    <meta name="renderer" content="webkit"/>

    <!--toast-->
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link
            href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/uniform/css/uniform.default.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"
            rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css"
          id="style_components" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css"/>
    <!-- END THEME STYLES -->
    <style type="text/css">
        .form-group {
            margin-bottom: 5px;
        }

        .help-inline {
            color: red;
        }

        .table {
            border-top: solid 3px #F3565D;
        }

        .table-toolbar {
            margin-bottom: 0px;
        }


        /* .portlet-body { */
        /*     height: 100vh; */
        /*     overflow: auto; */
        /* } */


    </style>
</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
      style="width: 98%; background: #0f0; background-color: transparent;">
<div class="row" style="margin-top:16px;">
    <div class="col-md-12">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-globe"></i>基本服务配置
                </div>
                <div class="actions">
                    <a id="btn_add" href="javascript:;" class="btn btn-default btn-sm">
                        <i class="fa fa-plus"></i> 新增
                    </a> <a id="btn_edit" href="javascript:;"
                            class="btn btn-default btn-sm"> <i class="fa fa-edit"></i> 修改
                </a> <a id="btn_del" href="javascript:;"
                        class="btn btn-default btn-sm"> <i class="fa fa-remove"></i>
                    删除
                    </a>
                </div>
            </div>
            <div class="portlet-body">
                <div class="table-toolbar">
                    <div class="row">
                        <div class="col-md-3">
                            <input id="seachTxt" type="text" class="form-control"
                                   placeholder="请输入关键字"/>
                        </div>
                        <div class="col-md-6">
                            <div class="btn-group">
                                <button id="btn_Search" class="btn blue-steel">
                                    查询 <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <table id="tb_dataList" class="portlet-body"></table>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
</div>

<!-- Begin添加修改modal -->
<div id="EditContent" class="modal fade" tabindex="-1"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true"></button>
                <h4 class="modal-title">数据查询服务</h4>
            </div>
            <div class="modal-body">
                <div class="scroller" style="height:300px" data-always-visible="1"
                     data-rail-visible1="1">
                    <div class="form-horizontal form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">服务ID</label>
                            <div class="col-md-9">
                                <input id="serverguid" name="serverguid" type="text"
                                       class="form-control input-inline input-medium"
                                       placeholder="请输入服务ID"/> <span id="valide_serverguid"
                                                                     class="help-inline"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">服务名称</label>
                            <div class="col-md-9">
                                <input id="servername" name="servername" type="text"
                                       class="form-control input-inline input-medium"
                                       placeholder="请输入服务名称"/> <span id="valide_servername"
                                                                     class="help-inline"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">服务地址</label>
                            <div class="col-md-9">
                                <input id="serverurl" name="serverurl" type="text"
                                       class="form-control input-inline input-medium"
                                       placeholder="请输入服务地址"/> <span id="valide_serverurl"
                                                                     class="help-inline"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">关联服务表</label>
                            <div class="col-md-9">
                                <input id="tablename" name="tablename" type="text"
                                       class="form-control input-inline input-medium"
                                       placeholder="请输入关联服务表名"/> <span id="valide_tablename"
                                                                       class="help-inline"> </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">备注</label>
                            <div class="col-md-9">
                                <input id="remake" name="remake" type="text"
                                       class="form-control input-inline input-medium"
                                       placeholder="请输入中文描述"/> <span id="valide_remake"
                                                                     class="help-inline"></span>
                            </div>
                        </div>
                        <!--<div id="ssss" class="form-group">-->
                        <!--<label class="col-md-3 control-label">是否缓存</label>-->
                        <!--<div class="col-md-9">-->
                        <!--<input type="radio" id="male" name="catched" checked="checked" value="1"/>-->
                        <!--<label for="male">是</label> -->
                        <!--<input type="radio" id="female" name="catched" value="0"/>-->
                        <!--<label for="female">否</label> -->
                        <!--<span id="valide_catch" class="help-inline"></span>-->
                        <!--</div>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn default">关闭
                </button>
                <button id="btn_save" type="button" class="btn blue-steel">保存</button>
            </div>
        </div>
    </div>
</div>
<!-- End添加修改 -->

<!--<script src="../metronic/assets/global/plugins/jquery.min.js"-->
        <!--type="text/javascript"></script>-->
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js"
        type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js"
        type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script src="../metronic/custom/commDialogs.js" type="text/javascript"></script>
<script src="../js/serviceConfigration/servers.js" type="text/javascript"></script>

</body>
</html>
